---
title: Svelte
description: Svelte-specifieke configuratie voor Ultracite.
---

De Svelte-configuratie bevat Svelte-specifieke instellingen. Dit is een minimale preset omdat Biome nog geen speciale Svelte-lintregels heeft, maar het bevat belangrijke overrides om vals-positieve lintfouten in `.svelte`-bestanden te voorkomen.

## Installatie

Voeg de Svelte-configuratie toe aan uw `biome.jsonc`:

```jsonc title="biome.jsonc"
{
  "extends": ["ultracite/core", "ultracite/svelte"]
}
```

## Overzicht

Deze configuratie:

- **HTML-ondersteuning**: Schakelt experimentele volledige HTML-ondersteuning in met inspringen voor script- en style-tags
- **React-specifieke props**: Markeert React-specifieke props zoals `className` en `htmlFor`, omdat Svelte standaard HTML-attributen gebruikt (`class` en `for`)
- **Overrides voor Svelte-bestanden**: Versoepelde regels voor `.svelte`-bestanden om de componentstructuur van Svelte te verwerken

## HTML-formatteringsconfiguratie

De Svelte-preset schakelt experimentele HTML-ondersteuning in met speciale formattering voor ingesloten scripts en styles:

```jsonc
{
  "html": {
    "experimentalFullSupportEnabled": true,
    "formatter": {
      "indentScriptAndStyle": true
    }
  }
}
```

Deze configuratie:
- **Experimentele volledige ondersteuning**: Schakelt Biome's experimentele HTML-parseer- en formatteringsmogelijkheden voor `.svelte`-bestanden in
- **Inspringen van script en style**: Zorgt ervoor dat code binnen `<script>`- en `<style>`-tags in Svelte-componenten correct wordt ingesprongen

## Svelte-specifieke regels

### Verdacht

| Regel | Instelling | Beschrijving |
|------|---------|-------------|
| `noReactSpecificProps` | `error` | Verbied React-specifieke props zoals `className` en `htmlFor` in Svelte. Gebruik in plaats daarvan `class` en `for`. |

## Overrides voor Svelte-bestanden

De volgende regels zijn uitgeschakeld voor `.svelte`-bestanden om vals-positieven te voorkomen vanwege de gedeeltelijke ondersteuning van Biome voor Svelte-componenten:

### Correctheid

| Regel | Instelling | Beschrijving |
|------|---------|-------------|
| `noUnusedVariables` | `off` | Sta ongebruikte variabelen toe in `.svelte`-bestanden. Variabelen in het scriptgedeelte kunnen alleen in de template worden gebruikt. |
| `noUnusedImports` | `off` | Sta ongebruikte imports toe in `.svelte`-bestanden. Imports kunnen alleen in het templategedeelte worden gebruikt. |

### Stijl

| Regel | Instelling | Beschrijving |
|------|---------|-------------|
| `useConst` | `off` | Sta `let`- en `var`-declaraties toe in `.svelte`-bestanden voor reactieve statements. |
| `useImportType` | `off` | Schakel expliciete import-typevereisten uit voor betere compatibiliteit met het build-systeem van Svelte. |